<template>
    <div class="camera-wrapper">
        <div class="camera-top">
            <el-tag type="success" color="black" size="medium" effect="light">摄像头</el-tag>
        </div>
        <div class="camera-center">
            <cameraInput v-for="(key,index) in cameraTitle" :key="index">
                <p slot="cameraTitle">{{index+1}}号</p>
                <img :src="key" alt="" slot="cameraItem">
            </cameraInput>
        </div>
    </div>
</template>

<script>
    import cameraInput from "../../../components/common/cameraInput";
    export default {
        name: "camera",
        data(){
          return{
              cameraTitle:[
                      'https://img.pc841.com/2019/0109/20190109061753255.jpg',
                      'https://img.pc841.com/2019/0109/20190109061753255.jpg',
                      'https://img.pc841.com/2019/0109/20190109061753255.jpg',
                      'https://img.pc841.com/2019/0109/20190109061753255.jpg',
                      'https://img.pc841.com/2019/0109/20190109061753255.jpg',
                ],
          }
        },
        components:{
            cameraInput,
        }
    }
</script>

<style scoped lang="scss">
    .camera-center{
        display: flex;
        justify-content: space-around;
    }
</style>
